@charset "utf-8";
/* CSS Document */

/*big screen*/
@media screen and (min-width: 1000px){
	html,body{
		height: 100%;
		width: 100%;
		display: flex;
	}

	.select{
		width: 25%;
		height: 100%;
		background-color:#EBF7F8;
		position: fixed;
	}
	.logo{
		font-family: "微软雅黑";
		padding-top: 16%;
		padding-left: 10%;
		font-size: 1em;
		color:#787878;
	}
	.cur{
		font-family: "微软雅黑";
		font-size: 1.6em;
		padding-top: 10%;
		padding-left: 10%;
	}
	.items{
		padding-top: 10%;
		padding-left: 10%;
	}
	.item{
		padding-bottom: 7%;
		font-family:"微软雅黑";
		color:#787878;
	}
	.item:hover{
		color:#000;
	}
	.help_item{
		font-family: "等线";
		font-size: 0.7em;
		color: #878787;
		padding-top: 8%;
		padding-left: 10%;
	}
	.country{
		display: flex;
		padding-left: 10%;
		flex-direction: row;
	}
	.menu{
		width: 25%;
		height: 100%;
		position: fixed;
		padding-left: 25%;
	}

	.menu_img{
		width: 100%;
		height: 30%;
		padding-left: 5%;
	}

	.menu_item{
		height: 67%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		overflow: hidden;
	}

	.menu_item_sub{
		width: 45%;
		height: 20%;
		border: thin #ddd dotted;
		margin-right: 1%;
	}

	.menu_item_img{
		padding: 10%;
		width: 80%;
		height: 80%;
	}

	.right{
		width: 50%;
		height: 100%;
		float: right;
		padding-left: 50%;
	}

	.detail{
		width: 100%;
		height: 90%;
	}

	.detail::-webkit-scrollbar{
		display: none;
	}

	.det_img{
		width: 100%;
		overflow: hidden;
	}
	.det_panel{
		height: 80%;
		width: 100%;
	}
	.panel_title{
		padding-top: 7%;
		padding-left: 6%;
		font-family:"微软雅黑";
		font-size: 1.6em;
		font-weight: bolder;
	}
	.panel_subtitle{
		font-family: "微软雅黑";
		font-size: 0.8em;
		padding-top: 2%;
		padding-left: 6%;
		padding-bottom: 5%;
	}
	.panel_txt{
		padding-top: 5%;
		font-family:"等线";
		font-size: 0.9em;
		padding-left: 6%;
		width: 85%;
	}
	.usr{
		width: 100%;
		height: 10%;
		position: fixed;
		background: rgba(100%,100%,100%,0.8);
		display: flex;
	}
	.zan_img{
		padding-left: 5%;
		padding-top: 2%;
		width: 30px;
		height: 30px;
	}
	.share{
		width: 30%;
		height: 100%;
		padding-left: 70%;
	}
	.share_img{
		width: 20px;
		height: 20px;
		padding-left: 20px;
		padding-top: 2%;
	}

	#summarize{
		padding-top: 10%;
		width: 100%;
		align-content: center;
		text-align: center;
	}

	#sum_title{
		font-size: 30px;
		padding-bottom: 10%;
	}

	.sum_item{
		padding-bottom: 5%;
	}

	.panel_info_img{
		width: 20px;
		height: 20px;
		padding-right: 5px;
	}

	.panel_info_txt{
		font-size: 10px;
	}

	.panel_info{
		display: flex;
		flex-direction: row;
	}

	.info{
		display: flex;
		flex-direction: row;
		padding-right: 10px;
	}

	.panel_author{
		font-family: "微软雅黑";
		font-size: 0.8em;
		padding-top: 2%;
		padding-left: 6%;
		padding-bottom: 2%;
	}
	.dialog{
		width: 70%;
	}
}

/*mid screen*/
@media screen and (max-width: 999px) and (min-width: 701px){

	html,body{
		height: 100%;
		width: 100%;
		display: flex;
	}

	.select{
		width: 0%;
		height: 0%;
		background-color:#EBF7F8;
		position: fixed;
		display:none;
	}
	.menu{
		width: 33%;
		height: 100%;
		position: fixed;
	}

	.menu_img{
		width: 100%;
		height: 30%;
		padding-left: 5%;
	}

	.menu_item{
		height: 67%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		overflow: hidden;
	}

	.menu_item_sub{
		width: 45%;
		height: 20%;
		border: thin #ddd dotted;
		margin-right: 1%;
	}

	.menu_item_img{
		padding: 9%;
		width: 80%;
		height: 80%;
	}

	.right{
		width: 67%;
		height: 100%;
		float: right;
		padding-left: 33%;
	}

	.detail{
		width: 100%;
		height: 90%;
	}

	.detail::-webkit-scrollbar{
		display: none;
	}

	.det_img{
		width: 100%;
		overflow: hidden;
	}
	.det_panel{
		height: 80%;
		width: 100%;
	}
	.panel_title{
		padding-top: 7%;
		padding-left: 10%;
		font-family:"微软雅黑";
		font-size: 1.6em;
	}
	.panel_subtitle{
		font-family: "微软雅黑";
		font-size: 0.8em;
		padding-top: 2%;
		padding-left: 10%;
		padding-bottom: 5%;
	}
	.panel_txt{
		padding-top: 5%;
		font-family:"等线";
		font-size: 0.9em;
		padding-left: 10%;
	}
	.usr{
		width: 100%;
		height: 10%;
		position: fixed;
		background: rgba(100%,100%,100%,0.8);
		display: flex;
	}
	.zan_img{
		padding-left: 5%;
		padding-top: 2%;
		width: 30px;
		height: 30px;
	}
	.share{
		width: 30%;
		height: 100%;
		padding-left: 70%;
	}
	.share_img{
		width: 20px;
		height: 20px;
		padding-left: 20px;
		padding-top: 2%;
	}
	#summarize{
		padding-top: 10%;
		width: 100%;
		align-content: center;
		text-align: center;
	}

	#sum_title{
		font-size: 30px;
		padding-bottom: 10%;
	}

	.sum_item{
		padding-bottom: 5%;
	}

	.panel_info_img{
		width: 20px;
		height: 20px;
		padding-right: 5px;
	}

	.panel_info_txt{
		font-size: 10px;
	}

	.panel_info{
		display: flex;
		flex-direction: row;
	}

	.info{
		display: flex;
		flex-direction: row;
		padding-right: 10px;
	}

	.panel_author{
		font-family: "微软雅黑";
		font-size: 0.8em;
		padding-top: 2%;
		padding-left: 6%;
		padding-bottom: 2%;
	}
	.dialog{
		width: 70%;
	}
}

/*small screen*/
@media screen and (max-width: 700px){

	html,body{
		height: 100%;
		width: 100%;
		display: flex;
	}

	.select{
		width: 0%;
		height: 0%;
		background-color:#EBF7F8;
		position: fixed;
		display:none;
	}
	.menu{
		width: 0%;
		height: 100%;
		position: fixed;
		display:none;
	}
	.right{
		width: 100%;
		height: 100%;
		float: right;
		position: center;
		padding-left:auto;
	}

	.detail{
		width: 100%;
		height: 90%;
	}

	.detail::-webkit-scrollbar{
		display: none;
	}

	.det_img{
		width: 100%;
		overflow: hidden;
	}
	.det_panel{
		height: 80%;
		width: 100%;
	}
	.panel_title{
		padding-top: 7%;
		font-family:"微软雅黑";
		font-size: 1.6em;
	}
	.panel_subtitle{
		font-family: "微软雅黑";
		font-size: 0.8em;
		padding-top: 2%;
		padding-bottom: 5%;
	}
	.panel_txt{
		padding-top: 5%;
		font-family:"等线";
		font-size: 0.9em;
	}
	.usr{
		width: 80%;
		height: 10%;
		position: fixed;
		background: rgba(100%,100%,100%,0.8);
		display: flex;
		padding-left:5%;
	}
	.zan_img{
		padding-top: 20%;
		width: 30px;
		height: 30px;
	}
	.share{
		width: 30%;
		height: 100%;
		padding-left: 40%;
	}
	.share_img{
		width: 20px;
		height: 20px;
		padding-left: 10px;
		padding-top: 2%;
	}
	.panel_info_img{
		width: 20px;
		height: 20px;
		padding-right: 5px;
	}

	.panel_info_txt{
		font-size: 10px;
	}

	.panel_info{
		display: flex;
		flex-direction: row;
	}

	.info{
		display: flex;
		flex-direction: row;
		padding-right: 10px;
	}

	.panel_author{
		font-family: "微软雅黑";
		font-size: 0.8em;
		padding-top: 2%;
		padding-left: 6%;
		padding-bottom: 2%;
	}
	.dialog{
		width: 100%;
	}
}